<?php
    session_start();
?>

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
            <link rel="stylesheet" href="styles/layout.css" type="text/css"/>
            <link rel="stylesheet" href="styles/computer.css" type="text/css"/>
            <script type="text/javascript" src="scripts/computer.js"></script>
    </head>
    <body>
        <?php 
        if(isset($_SESSION["customerID"])){
            require 'header.html';
            
        ?>

<div id="container">
<div class="wrapper">
<div id="content">
<div id="order">
        <?php
        // put your code here 
        echo "Welcome customer ".$_SESSION["firstName"]." ".$_SESSION["lastName"];
        ?>
    <p>Enter your card information:</p>
    <form method="post" name="payment" action="summary.php">
        <p>Card number: <input type="text" class="rightAlign" name="cardNum" maxlength="16"/></p>
        <p>Name on card: <input type="text" class="rightAlign" name="cardName" maxlength="20"/></p>
        <p>Expiration date:
            <select name="expMonth">
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
            </select>
            <select name="expYear">
                <option value="2012">2012</option>
                <option value="2013">2013</option>
                <option value="2014">2014</option>
                <option value="2015">2015</option>
                <option value="2016">2016</option>
            </select>
        </p>
        <input type="submit" class="buttonStyle" value="Add Card" onmouseover="changeOn(this)" onmouseout="changeOff(this)"/>
    </form>
    <?php
    if(isset($_SESSION["customerID"])){
    ?>
    <form method="post" name="logout" action="logout.php">
        <input type="submit" value="Logout" class="logoutStyle" onmouseover="changeOn(this)" onmouseout="changeOff(this)"/>
    </form>
    <?php
    }
    ?>
</div>	
</div>
<br class="clear" />
</div>
</div>
        <?php        require 'tail.html';
        }else{
            require "customerLogin.html"; 
        }
        ?>

    </body>
</html>
